<template>
  <PageCard title="Upload">
    <el-form>
      <el-form-item label="单图上传">
        <SingleImageUpload v-model="picUrl" />
      </el-form-item>

      <el-form-item label="多图上传">
        <MultiImageUpload v-model="picUrls" />
      </el-form-item>

      <el-form-item label="文件上传">
        <FileUpload v-model="fileUrls" />
      </el-form-item>
    </el-form>
  </PageCard>
</template>

<script setup lang="ts">
// 单图
const picUrl = ref('https://s2.loli.net/2023/05/24/yNsxFC8rLHMZQcK.jpg');
// 多图
const picUrls = ref(['https://s2.loli.net/2023/05/24/yNsxFC8rLHMZQcK.jpg']);
// 文件
const fileUrls = ref([
  { url: 'https://s2.loli.net/2023/05/24/yNsxFC8rLHMZQcK.jpg' },
  { url: 'https://s2.loli.net/2023/05/24/RuHFMwW4rG5lIqs.jpg' },
]);
</script>
